@import './variables.scss';
@import './mixin.scss';
$topBarH: 50px;
$formBtnH: 60px;
html,
body .app {
    color: #333333;
    font-family: Arial, Helvetica, 'STHeiti STXihei', 'Microsoft YaHei', Tohoma, sans-serif;
    background-color: $background-color;
}

#app {
    height: 100%;
}

.app-container {
    .container-box {
        padding: $topBarH 0 60px 0;
    }
    .form-container {
        min-height: 50vh;
        //padding-bottom: $formBtnH + 1px;
        background-color: #fafafa;
        // margin-top: 20px;
        .form-box {
            // margin-top: 20px;
            &:first-child {
                &:before {
                    margin-top: 0px;
                }
            }
            &:before {
                content: '';
                // display: inline-block;
                width: 100%;
                height: 1px;
                // background-size: 4px 4px;
                /* 控制条纹的大小 */
                // box-shadow: 1px 1px 8px gray;
                background-color: #fafafa;
                background-image: linear-gradient( -45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
            }
        }
        .space-line {
            min-height: 30px;
            background-color: #f1f2f5;
        }
    }
    .opration-box {
        position: fixed;
        bottom: 0;
        left: 0;
        margin-top: 30px;
        width: 100%;
        height: $formBtnH;
        background: #fff;
        border-top: 1px solid #eee;
        box-shadow: 0px -3px 20px 0px #bbb;
        justify-content: space-around;
        .btn-cls {
            width: 45%;
            box-shadow: 0 0px 4px 0 #bbb;
        }
        .btn-full {
            width: 95%;
            margin: 0 auto;
        }
    }
}